<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<link type="text/css" rel="stylesheet" href="../css/jerboa.css" />
		<link type="text/css" rel="stylesheet" href="../../theme/2/index_files/manage.css" />
		<link type="text/css" rel="stylesheet" href="../../theme/2/index_files/blogglobal.css" />
        <title>My First Theme</title>
		</head>
		<body id="manage">
			<div><textarea id="jerboa">aasdsadsdasdasdasdasdasd</textarea></div>
			<div id="jb-a" style="width:500px;">
				<div id="jb-b">
					<div id="jb-mainmenu">
							<div>
								<button><span style="background:url(../img/inserttextbox.png) no-repeat;display:inline-block"> Insert TextBox</span></button>
							</div>
					</div>
					<div id="jb-textmenu" class="jb-panel hide">
						
							<div>
							<button><span></span></button>
							<button><span></span></button>
							<button><span></span></button>
							<button><span></span></button>
							</div>
						
							<div>
							<button style="margin-left:2px;"><span></span></button>
							<button><span></span></button>
							<button><b>B</b></button>
							<button><i>I</i></button>
							<button><u>U</u></button>
							<button><span></span></button>
							<button><span></span></button>
							<button><span></span></button>
							<button><span></span></button>
							</div>

							<div>
								<div class="jb-selectbox" style="margin:0;margin-left:2px;"><span>font family</span><div style="margin:0;top:29px;left:-1px;"><span>1</span><span>2</span><span>3</span></div></div>
							</div>
					</div>

					<div class="jb-panel hide">panel 2</div>
					<div class="jb-panel hide">panel 3</div>
				</div>
				<div id="jb-stage">
				<div>a</div>
				</div>
				<div class="jb-hline"></div>
			</div>
			<div id="jb-box" class="hidea">
				<div id="jb-option" class="jb-ignore">
					<div><label>Page Height <span>enter Height that you want</span></label>
						<input class="last bigger" type="text">
					</div>
					<div><label>Custom <b>CSS</b></label><textarea></textarea></div>
					<div class="hline last"></div>
					<div class="jb-flipswitch">
					<label>Test</label>
					<div class="jb-button">
						<div class="hidea">on</div>
						<div class="hide">off</div>
				</div></div>
					<div class="hline"></div>
					<div class="jb-selectbox" style="margin:0;margin-left:2px;"><span>font family</span><div style="margin:0;top:29px;left:-1px;"><span>1</span><span>2</span><span>3</span></div></div>
					<div class="jb-button right bottom"> ok </div></div>
			</div>
	<!--
	<div id="jerboa">
		<div id="jerboa-wrapper">
			<div id="jerboa-menu" class="jerboa-panel hidea">
				<div class="jerboa-panel-active">Option</div>
				<div>Insert</div>
				<div>Mode</div>
				<div>
					<span class="hide" style="float:left;line-height:40px;padding:0 30px;"><img src="../img/loader.gif" /></span>
					<div>save</div>
					<div>save&quit</div>
					<div>cancel</div>
				</div>	
			</div>
			<div id="jerboa-menubox" style="left:25px;top:0;">
				<div class="balloon" style="margin-left:30px;"></div>
				<div id="jerboa-option">
					<label>Page Height <span>enter Height that you want</span></label><input class="bigger last" type="text" value="aaaa" />
					<label>Custom <b>CSS</b></label><textarea></textarea><div class="jerboa-button right"> ok </div>
					<div class="hline last"></div>
					<div class="flipswitch">
					<label>Test</label>
					<div class="jerboa-button">
						<div class="hidea">on</div>
						<div class="hide">off</div>
					</div>
					</div>
				</div>
			</div>
			<div id="jerboa-text" class="jerboa-panel hide">
				
					<div>
					<button><span style="background:url(img/color7.png) no-repeat"></span></button>
					<button><span style="background:url(img/color6.png) no-repeat"></span></button>
					<button><span style="background:url(img/color8.png) no-repeat"></span></button>
					<button><span style="background:url(img/color9.png) no-repeat"></span></button>
					</div>
				
					<div>
					<button><span style="background:url(img/color.png) no-repeat"></span></button>
					<button><span style="background:url(img/color1.png) no-repeat"></span></button>
					<button><b>B</b></button>
					<button><i>I</i></button>
					<button><u>U</u></button>
					<button><span style="background:url(img/color2.png) no-repeat"></span></button>
					<button><span style="background:url(img/color3.png) no-repeat"></span></button>
					<button><span style="background:url(img/color4.png) no-repeat"></span></button>
					<button><span style="background:url(img/color5.png) no-repeat"></span></button>
					</div>
			</div>
			
		</div>
		<div style="display:none"></div>
		<div id="jerboa-darkbox" class="hide"></div>
		<div class="jerboa-box hide" >
			
			<p>Test</p><p>
			<input type="text" value="asssss" />
			</p><p><div class="jerboa-combobox" ><span></span><p style="width:200px">Test</p><span></span></div></p>
			<div class="jerboa-button"><span>Button</span></div>
			
			<table>
			<tr colspan="6">Font</tr>
			<tr style="font-variant:small-caps">
				<td width="10"></td><td>font family</td><td width="20"></td><td colspan="2"><select><option>asdasd</option><option>asdasd</option><option>asdasd</option></select></td>
			</tr>
			<tr height="10"><td colspan="6"></td></tr>
			<tr style="font-variant:small-caps">
				<td width="10"></td><td>font size</td><td width="20"></td><td><input type="text" maxlength="3" style="width:25px" /></td><td>px</td>
			</tr>
			<tr height="10"><td colspan="6"></td></tr>
			<tr><td colspan="3"></td><td colspan="3"><div class="jerboa-button">test</div></td></tr>
			</table>
			
			<table>
			<tr colspan="6">Paragraph</tr>
			<tr style="font-variant:small-caps">
				<td width="10"></td><td>word spacing</td><td width="20"></td><td><input type="text" maxlength="3" style="width:25px" /></td><td>px</td>
			</tr>
			<tr height="10"><td colspan="6"></td></tr>
			<tr style="font-variant:small-caps">
				<td width="10"></td><td>letter spacing</td><td width="20"></td><td><input type="text" maxlength="3" style="width:25px" /></td><td>px</td>
			</tr>
			<tr height="10"><td colspan="6"></td></tr>
			<tr style="font-variant:small-caps">
				<td width="10"></td><td>line height</td><td width="20"></td><td><input type="text" maxlength="3" style="width:25px" /></td><td>px</td>
			</tr>
			<tr height="10"><td colspan="6"></td></tr>
			<tr><td colspan="3"></td><td colspan="3"><div class="jerboa-button"><span>Test</span></div></td></tr>
			</table>

			
		</div>
		
		<div class="jerboa-window hide" style="top:0;left:0;">
			<p>Layout Panel</p><p></p>
			<span></span>
			<span></span>
			<span></span>
			<span></span>
			<span></span>
			<div style="width:300px;height:100px;">
				<ul>
					<li><span></span><p>Layout 1</p></li>
					<li class="jerboa-lactive"><span></span><p>Layout 1</p></li>
					<li class="jerboa-lactive jerboa-lhide"><span></span><p>Layout 1</p></li>
					<li><span></span><p>Layout 1</p></li>
					<li><span></span><p>Layout 1</p></li>
					<li><span></span><p>Layout 1</p></li>
					<li><span></span><p>Layout 1</p></li>
					
				</ul>
			</div>
			<p></p>
		</div>
		<div id="jerboa-resize" class="hidea" style="top:220px;left:330px;width:500px;height:50px;">

			<div></div>
			
			<span style="top:0;left:0;cursor:nw-resize;"></span>
			<span style="top:0;left:48%;cursor:n-resize;"></span>
			<span style="top:0;left:100%;cursor:ne-resize;"></span>
			<span style="top:48%;left:0;cursor:w-resize;"></span>
			<span style="top:48%;left:100%;cursor:e-resize;"></span>
			<span style="top:100%;left:0;cursor:sw-resize;"></span>
			<span style="top:100%;left:48%;cursor:s-resize;"></span>
			<span style="top:100%;left:100%;cursor:se-resize;"></span>

		</div>
		<div class="jerboa-lightbox" style="top:0px;left:10px;width:800px;height:200px;"></div>
		<div class="jerboa-lightbox" style="top:0;left:810px;width:600px;height:1000px;"></div>
		<div class="jerboa-lightbox" style="top:700px;left:10px;width:800px;height:300px;"></div>
		<div class="jerboa-lightbox" style="top:0;left:0;width:10px;height:1000px;"></div>
	
		<div style="position:absolute;width:800px;height:500px;top:200px;left:10px;">
			<div class="jerboa-layer">
				
				<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="400" height="300"	id="haxe" align="middle"> 
					<param name="movie" value="./haxe/clipboard.swf"/>
					<param name="allowScriptAccess" value="always" />
					<param name="quality" value="high" />
					<embed src="./haxe/clipboard.swf" width="400" height="300" name="haxe" quality="high" allowScriptAccess="always"></embed>
				</object>
				<iframe src="about:blank" style="top:50px;left:10px;width:300px;">
			 
			 </iframe>
			 
			</div>
			
		</div>
	</div> -->
	</body>
</html>
